<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script
	src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="kafka-app">
	<div>
		<table ng-controller="zkCtrl" id="example2"
			class="table table-bordered table-hover">
			<thead>
				<tr>
					<th>Zookeepers</th>
					<th ng-bind="zkIps"></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th>Version</th>
					<th ng-bind="version"></th>
				</tr>
			</tbody>
		</table>
	</div>
	<script>
		var app = angular.module('kafka-app', []);
		app.controller('zkCtrl', function($scope, $http) {
			$http.get("/kafka-zk-manager/kz/baseInfo").success(function(data) {
				console.log(data)
				$scope.zkIps = data.zkIps;
				$scope.version = data.version;
			});
		});
	</script>
</body>
</html>